import React from 'react'
import { success, TitleBar, Button, Table } from '../../../ui-components'
import styleRoot from '../style'
import style from './style.complete'

export default 
class extends React.Component {

  state = {
    next: false
  }


  submit() {
    if (this.state.next) {
      location.href = '/u'
    } else {
      this.props.submitStaffSubmission(() => {
        this.setState({
          next: true
        })
      })
    }
  }

  render() {
    return (
      <div>
        <TitleBar
          label={this.state.next? "信息已提交": "完成入职"}
        />
        <div className={style.info}>
          {
            !this.state.next? (
              <p>感谢您的填写！点击完成入职，HR部门将收到您的提交信息。</p>
            ): (
              <div>
                <p>您已成功提交信息，感谢。信息被审核通过后，你会出现在新员工列表中。</p>
                <p>您现在可以立即登录系统，了解公司，认识同事。</p>
              </div>
            )
          }
        </div>
        <Button label={ this.state.next? '前往登录': "完成入职"} className={styleRoot.next} onClick={::this.submit}/>
      </div>
    )
  }
}
